﻿@page
@{
    Layout = null;
}
<head>
    <script type="text/javascript" src="~/lib/jquery/dist/jquery.js"></script>
</head>
<div class="container">
    <div class="row">&nbsp;</div>
    <div class="row">
        <div class="col-6">&nbsp;</div>
        <div class="col-6">
            <label style=" width:100px;">User</label> <input type="text" id="userInput" />
            <br />
            <label  style=" width:100px;">Msg</label>
            <input type="text" id="messageInput" />
            <input type="button" id="sendButton" value="Send Message" />
        </div>
    </div>
    <div class="row">
        <div class="col-12">
            <hr />
        </div>
    </div>
    <div class="row">
        <div class="col-6">&nbsp;</div>
        <div class="col-6">
            <ul id="messagesList"></ul>
        </div>
    </div>
</div>
<script src="~/lib/signalr/dist/browser/signalr.js"></script>
<script src="/js/chat.js"></script>